<style lang="less" scoped>
.cir {
  font-size: 14px;
  pointer-events: none;
  // width: 18px;
  span {
    display: inline-block;
    text-align: center;
    height: 11px;
    width: 31px;
    transform: scale(0.8);
    margin-top: -3px;
  }
}
</style>
<template>
  <Circle
    class="cir"
    :percent="percent"
    :size="size"
    stroke-width="11"
    trail-width="10"
    stroke-color="#58E0AD"
  >
    <span class="demo-Circle-inner" style="font-size:8px">80%</span>
  </Circle>
  <!-- <h1>111</h1> -->
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    percent: {
      type: Number,
      default: 80,
    },
    size: {
      type: Number,
      default: 30,
    },
  },
};
</script>

<style>
</style>